/**
 *  created by lllwx
 *  date: 2021/12/20
 *  time: 3:42 下午
 *  version: 1.0
 *  desc: tailwind 通用配置
 */
const sizes = {};
for (let index = 5; index <= 250; index++) {
  sizes[`${index * 4}px`] = `${index * 4}px`;
  sizes[`-${index * 4}px`] = `-${index * 4}px`;
}
for (let index = 2; index <= 100; index++) {
  if (index >= 25) {
    sizes[index * 4] = `${index}rem`;
  }
  sizes[index * 4 + 2] = `${index}.5rem`;
}

module.exports = {
  purge: [
    './src/views/**/*.vue',
    './src/components/**/*.vue',
    './src/components/**/*.jsx',
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        'main-1': 'var(--mainColor1)',
        'warn-1': 'var(--warnColor1)',
        'main-2': 'var(--mainColor2)',
        'main-3': 'var(--mainColor3)',
        'font-1': 'var(--fontColor1)',
        'font-2': 'var(--fontColor2)',
        'font-3': 'var(--fontColor3)',
        'font-4': 'var(--fontColor4)',
      },
      borderColor: {
        'color-1': 'var(--borderColor1)',
        'color-2': 'var(--borderColor2)',
      },
      text: {
        huge: 'var(--hugeFontSize)',
      },
      boxShadow: {
        btn: '0 4px 8px 0 rgba(45, 153, 255, .24)',
      },
      height: sizes,
      width: sizes,
      inset: sizes,
      minWidth: sizes,
      minHeight: sizes,
    },
  },
  variants: {},
  plugins: [],
};
